ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Emmet Style Reflector

by Ermes Enea Colella ST3 Top 100

Reflect Emmet HTML expansion in Sass/LESS

Details

Installs

  • Total 300K
  • Win 249K
  • Mac 34K
  • Linux 17K
May 17 May 16 May 15 May 14 May 13 May 12 May 11 May 10 May 9 May 8 May 7 May 6 May 5 May 4 May 3 May 2 May 1 Apr 30 Apr 29 Apr 28 Apr 27 Apr 26 Apr 25 Apr 24 Apr 23 Apr 22 Apr 21 Apr 20 Apr 19 Apr 18 Apr 17 Apr 16 Apr 15 Apr 14 Apr 13 Apr 12 Apr 11 Apr 10 Apr 9 Apr 8 Apr 7 Apr 6 Apr 5 Apr 4 Apr 3 Apr 2
Windows 7 2 5 14 9 13 7 7 9 7 9 4 5 7 10 13 6 17 14 13 16 6 5 10 12 15 17 2 2 10 15 8 9 10 4 6 5 17 4 13 30 3 5 4 13 14
Mac 0 2 0 0 0 0 1 0 0 0 1 1 0 0 0 0 2 1 2 3 1 0 2 0 2 0 3 1 1 0 1 0 2 1 1 1 2 1 0 1 1 0 1 1 0 0
Linux 1 1 0 0 0 0 0 0 0 0 1 0 0 0 4 0 0 0 0 0 1 0 1 1 0 0 0 0 1 0 1 1 0 0 0 1 0 0 1 0 0 0 1 0 0 0
0102030May 17May 14May 11May 8May 5May 2Apr 29Apr 26Apr 23Apr 20Apr 17Apr 14Apr 11Apr 8Apr 5Apr 2May 17 Linux: 1 Mac: 0 Windows: 7May 16 Linux: 1 Mac: 2 Windows: 2May 15 Linux: 0 Mac: 0 Windows: 5May 14 Linux: 0 Mac: 0 Windows: 14May 13 Linux: 0 Mac: 0 Windows: 9May 12 Linux: 0 Mac: 0 Windows: 13May 11 Linux: 0 Mac: 1 Windows: 7May 10 Linux: 0 Mac: 0 Windows: 7May 9 Linux: 0 Mac: 0 Windows: 9May 8 Linux: 0 Mac: 0 Windows: 7May 7 Linux: 1 Mac: 1 Windows: 9May 6 Linux: 0 Mac: 1 Windows: 4May 5 Linux: 0 Mac: 0 Windows: 5May 4 Linux: 0 Mac: 0 Windows: 7May 3 Linux: 4 Mac: 0 Windows: 10May 2 Linux: 0 Mac: 0 Windows: 13May 1 Linux: 0 Mac: 2 Windows: 6Apr 30 Linux: 0 Mac: 1 Windows: 17Apr 29 Linux: 0 Mac: 2 Windows: 14Apr 28 Linux: 0 Mac: 3 Windows: 13Apr 27 Linux: 1 Mac: 1 Windows: 16Apr 26 Linux: 0 Mac: 0 Windows: 6Apr 25 Linux: 1 Mac: 2 Windows: 5Apr 24 Linux: 1 Mac: 0 Windows: 10Apr 23 Linux: 0 Mac: 2 Windows: 12Apr 22 Linux: 0 Mac: 0 Windows: 15Apr 21 Linux: 0 Mac: 3 Windows: 17Apr 20 Linux: 0 Mac: 1 Windows: 2Apr 19 Linux: 1 Mac: 1 Windows: 2Apr 18 Linux: 0 Mac: 0 Windows: 10Apr 17 Linux: 1 Mac: 1 Windows: 15Apr 16 Linux: 1 Mac: 0 Windows: 8Apr 15 Linux: 0 Mac: 2 Windows: 9Apr 14 Linux: 0 Mac: 1 Windows: 10Apr 13 Linux: 0 Mac: 1 Windows: 4Apr 12 Linux: 1 Mac: 1 Windows: 6Apr 11 Linux: 0 Mac: 2 Windows: 5Apr 10 Linux: 0 Mac: 1 Windows: 17Apr 9 Linux: 1 Mac: 0 Windows: 4Apr 8 Linux: 0 Mac: 1 Windows: 13Apr 7 Linux: 0 Mac: 1 Windows: 30Apr 6 Linux: 0 Mac: 0 Windows: 3Apr 5 Linux: 1 Mac: 1 Windows: 5Apr 4 Linux: 0 Mac: 1 Windows: 4Apr 3 Linux: 0 Mac: 0 Windows: 13Apr 2 Linux: 0 Mac: 0 Windows: 14May 17 Linux: 1 Mac: 0 Windows: 7May 16 Linux: 1 Mac: 2 Windows: 2May 15 Linux: 0 Mac: 0 Windows: 5May 14 Linux: 0 Mac: 0 Windows: 14May 13 Linux: 0 Mac: 0 Windows: 9May 12 Linux: 0 Mac: 0 Windows: 13May 11 Linux: 0 Mac: 1 Windows: 7May 10 Linux: 0 Mac: 0 Windows: 7May 9 Linux: 0 Mac: 0 Windows: 9May 8 Linux: 0 Mac: 0 Windows: 7May 7 Linux: 1 Mac: 1 Windows: 9May 6 Linux: 0 Mac: 1 Windows: 4May 5 Linux: 0 Mac: 0 Windows: 5May 4 Linux: 0 Mac: 0 Windows: 7May 3 Linux: 4 Mac: 0 Windows: 10May 2 Linux: 0 Mac: 0 Windows: 13May 1 Linux: 0 Mac: 2 Windows: 6Apr 30 Linux: 0 Mac: 1 Windows: 17Apr 29 Linux: 0 Mac: 2 Windows: 14Apr 28 Linux: 0 Mac: 3 Windows: 13Apr 27 Linux: 1 Mac: 1 Windows: 16Apr 26 Linux: 0 Mac: 0 Windows: 6Apr 25 Linux: 1 Mac: 2 Windows: 5Apr 24 Linux: 1 Mac: 0 Windows: 10Apr 23 Linux: 0 Mac: 2 Windows: 12Apr 22 Linux: 0 Mac: 0 Windows: 15Apr 21 Linux: 0 Mac: 3 Windows: 17Apr 20 Linux: 0 Mac: 1 Windows: 2Apr 19 Linux: 1 Mac: 1 Windows: 2Apr 18 Linux: 0 Mac: 0 Windows: 10Apr 17 Linux: 1 Mac: 1 Windows: 15Apr 16 Linux: 1 Mac: 0 Windows: 8Apr 15 Linux: 0 Mac: 2 Windows: 9Apr 14 Linux: 0 Mac: 1 Windows: 10Apr 13 Linux: 0 Mac: 1 Windows: 4Apr 12 Linux: 1 Mac: 1 Windows: 6Apr 11 Linux: 0 Mac: 2 Windows: 5Apr 10 Linux: 0 Mac: 1 Windows: 17Apr 9 Linux: 1 Mac: 0 Windows: 4Apr 8 Linux: 0 Mac: 1 Windows: 13Apr 7 Linux: 0 Mac: 1 Windows: 30Apr 6 Linux: 0 Mac: 0 Windows: 3Apr 5 Linux: 1 Mac: 1 Windows: 5Apr 4 Linux: 0 Mac: 1 Windows: 4Apr 3 Linux: 0 Mac: 0 Windows: 13Apr 2 Linux: 0 Mac: 0 Windows: 14May 17 Linux: 1 Mac: 0 Windows: 7May 16 Linux: 1 Mac: 2 Windows: 2May 15 Linux: 0 Mac: 0 Windows: 5May 14 Linux: 0 Mac: 0 Windows: 14May 13 Linux: 0 Mac: 0 Windows: 9May 12 Linux: 0 Mac: 0 Windows: 13May 11 Linux: 0 Mac: 1 Windows: 7May 10 Linux: 0 Mac: 0 Windows: 7May 9 Linux: 0 Mac: 0 Windows: 9May 8 Linux: 0 Mac: 0 Windows: 7May 7 Linux: 1 Mac: 1 Windows: 9May 6 Linux: 0 Mac: 1 Windows: 4May 5 Linux: 0 Mac: 0 Windows: 5May 4 Linux: 0 Mac: 0 Windows: 7May 3 Linux: 4 Mac: 0 Windows: 10May 2 Linux: 0 Mac: 0 Windows: 13May 1 Linux: 0 Mac: 2 Windows: 6Apr 30 Linux: 0 Mac: 1 Windows: 17Apr 29 Linux: 0 Mac: 2 Windows: 14Apr 28 Linux: 0 Mac: 3 Windows: 13Apr 27 Linux: 1 Mac: 1 Windows: 16Apr 26 Linux: 0 Mac: 0 Windows: 6Apr 25 Linux: 1 Mac: 2 Windows: 5Apr 24 Linux: 1 Mac: 0 Windows: 10Apr 23 Linux: 0 Mac: 2 Windows: 12Apr 22 Linux: 0 Mac: 0 Windows: 15Apr 21 Linux: 0 Mac: 3 Windows: 17Apr 20 Linux: 0 Mac: 1 Windows: 2Apr 19 Linux: 1 Mac: 1 Windows: 2Apr 18 Linux: 0 Mac: 0 Windows: 10Apr 17 Linux: 1 Mac: 1 Windows: 15Apr 16 Linux: 1 Mac: 0 Windows: 8Apr 15 Linux: 0 Mac: 2 Windows: 9Apr 14 Linux: 0 Mac: 1 Windows: 10Apr 13 Linux: 0 Mac: 1 Windows: 4Apr 12 Linux: 1 Mac: 1 Windows: 6Apr 11 Linux: 0 Mac: 2 Windows: 5Apr 10 Linux: 0 Mac: 1 Windows: 17Apr 9 Linux: 1 Mac: 0 Windows: 4Apr 8 Linux: 0 Mac: 1 Windows: 13Apr 7 Linux: 0 Mac: 1 Windows: 30Apr 6 Linux: 0 Mac: 0 Windows: 3Apr 5 Linux: 1 Mac: 1 Windows: 5Apr 4 Linux: 0 Mac: 1 Windows: 4Apr 3 Linux: 0 Mac: 0 Windows: 13Apr 2 Linux: 0 Mac: 0 Windows: 14

Readme

Source
raw.​githubusercontent.​com

emmet-style-reflector

Dependency

Obviously, Emmet

Description

Reflect Emmet HTML expansion in Sass/LESS

How to use

Alt text for your video

Changelogs

v1.0.2

  • tag without class and id will have “>”

Expansions tested

  • Child: #first>ul>li
#first {

    >ul {

        >li {

        }

    }

}
  • Sibling: div+p+blockquote
>div {

}

>p {

}

>blockquote {

}
  • Climb-up: #first+#second>p>span+em^blockquote
#first {

}

#second {

    >p {

        >span {

        }

        >em {

        }

    }

    >blockquote {

    }

}
  • Grouping: #first>(header>ul>li*2>a)+footer>p
#first {

    header {

        >ul {

            >li {

                >a {

                }

            }

        }

    }

    footer {

        >p {

        }

    }

}
  • Video demo: header>(ul#menu>li*5>a)^div#home>div.rensponsive960>div.box>div.title+div.body
header {

    #menu {

        >li {

            >a {

            }

        }

    }

}

#home {

    .rensponsive960 {

        .box {

            .title {

            }

            .body {

            }

        }

    }

}
  • Extreme: #first>(header[title="Hello world!"]>ul#menu>li.menuItem$@-*5>a)+footer{bla bla bla}^script
#first {

    header {

        #menu {

            .menuItem {

                >a {

                }

            }

        }

    }

    footer {

    }

}

script {

}